<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>内容查找与替换</title>
	</head>
	<body>
		<div>过滤前内容：<br>
		    <textarea id="pre" rows="10" cols="40"></textarea>
		    <input id="btn" type="button" value="过滤"/>
		</div>
		<div>过滤后内容：<br>
		    <textarea id="res" rows="10" cols="40"></textarea>
		</div>
		
		<script>
			//定义按钮的点击事件：用*替换：bad和任意中文字符
			var btn=document.getElementById('btn');
			btn.onclick=function(){
				/*1、原字符串：第一个文本框内的值
				  2、正则表达式：匹配任意一个中文字符和英文bad
				  3、得到新的字符串：String对象的replace()用*替换 原字符串(满足正则表达式)
				  4、设置第2个文本框的值为新字符串*/
				var str=document.getElementById('pre').value;
				var reg=/[\u4e00-\u9fa5]|(bad)/gi;
				var newStr=str.replace(reg,'*');
				document.getElementById('res').innerHTML=newStr;
			};
		</script>
	</body>
</html>
